{{ content() }}

<div class="page-content-area">
    <div class="page-header">
        <h1>
            {{ link_to(config.application.backendUrl ~ "/video/national" , "Danh Sách Quốc Gia","") }}
        </h1>
        <div class="text-right">
            {{ link_to(config.application.backendUrl ~ "/video/national/create" , "<i class='ace-icon glyphicon glyphicon-plus bigger-120'></i> Thêm National", "class": "btn btn-xs btn-primary") }}
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <table class="table table-striped table-bordered table-hover">
                <thead>
                <tr>
                    <th>Id</th>
                    <th>Tên</th>
                    <th>Tên Ngắn</th>
                    <th>Hành động</th>
                </tr>
                </thead>
                <tbody>
                {% for na in pager %}
                    <tr>
                        <td>{{ na.getId() }}</td>
                        <td>{{ na.getName() }}</td>
                         <td>{{ na.getShortName() }}</td>
                        <td>
                            <div class="hidden-sm hidden-xs btn-group">
                                {{ link_to(config.application.backendUrl ~ "/video/national/edit/" ~ na.getId()~"?page="~pager.getCurrentPage() , "<i class='ace-icon fa fa-pencil bigger-120'></i>", "class": "btn btn-xs btn-info tooltip-success") }}
                                {{ link_to(config.application.backendUrl ~ "/video/national/delete/" ~ na.getId(), "<i class='ace-icon fa fa-trash-o bigger-120'></i>", "class": "btn btn-xs btn-danger tooltip-success") }}
                            </div>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {% if pager.haveToPaginate() %}
                {# Render the navigation #}
                {{ pager.getLayout() }}
            {% endif %}
        </div>
    </div>
</div>